<!DOCTYPE html>
<html>

<head>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta property="og:type" content="website" />
    <meta property="og:title" content="页面标题">
    <meta property="og:description" content="页面描述">
    <meta property="og:image" content="http://www.example.com/img/thumbnail.png">
    <meta property="og:url" content="http://www.example.com/">
    <title>天水花牛苹果 24颗果 108元包邮</title>
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">

    <!-- 可选的 Bootstrap 主题文件（一般不用引入） -->
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous">

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="{{ url_for('static', filename='css/page.css') }}">
    <script src="{{ url_for('static', filename='js/jquery-1.9.1.js') }}"></script>
</head>

<body>

    <div class="container">
        <div class="row">
            <a href="{{url_for('kuaidi')}}">kd</a>
            <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12">
                {% for i in listimage %}
                <img src="{{i}}" class="img-responsive" alt="Image"> {% if i=='https://s1.ax1x.com/2020/09/03/wPQx3Q.jpg' %}
                <h1>24只装苹果 除新疆、西藏、内蒙古、香港、澳门之外，全国其他地区108元全部包邮</h1>
                {% endif %} {% endfor %}
            </div>
        </div>
        <div class="mask" id="uid">
            <div class="thumbnail">
                <img src="https://s1.ax1x.com/2020/09/03/wPlkNT.jpg" class="img-responsive">
            </div>
        </div>
    </div>

    <script>
        $(window).scroll(function() {
            var h = $(document.body).height(); //网页文档的高度
            var c = $(document).scrollTop(); //滚动条距离网页顶部的高度
            var wh = $(window).height(); //页面可视化区域高度

            if (Math.ceil(wh + c) >= h) {
                document.getElementById("uid").style.display = "none";
            }
            if (Math.ceil(wh + c) <= h - 200) {
                document.getElementById("uid").style.display = "";
            }
        })
    </script>
</body>

</html>